<script setup>
import store from '../../store/index.js'

const updateTokenValue = () => {
  // 调用 login.js 模块中的方法，更新状态数据
  // store.dispatch('login/updateTokenValue', Math.random());
  // store.dispatch('login/updateTokenValue2', Math.random());
  store.commit('login/SET_TOKEN_VALUE',Math.random());
};
</script>

<template>
  <div>
    <h1>demo06 测试vuex状态管理器</h1>

    <div style="margin-bottom: 20px;">
      <!--
        这里就直接使用 store 对象访问 getters 中定义的变量就可以了
      -->
      tokenValue: {{ store.getters.token }}
    </div>
    <el-button @click="updateTokenValue" type="primary">使用store更新tokenValue</el-button>
  </div>
</template>

<style scoped>
</style>